<template>
    <div style="height: 100%; position: relative">
		<tab-control :tabs="tabLists" class="tab" :handleClick="handleClick"></tab-control>
		<router-view></router-view>
    </div>
</template>
<script>
import tabControl from "@/components/tabs/Tab";
export default {
    data() {
        return {
            activeName: 'config-management',
            tabLists: []
        };
	},
	components: {
		tabControl
	},
    created() {
        this.tabLists = this.$route.matched.slice(-2,-1)[0].meta.tabs;
    },
    methods: {
        handleClick(tab, event) {
        }
    }
};
</script>
<style lang="scss" scoped>
</style>